@import "src/assets/css/scss/modules/var";

@media (min-width: 992px) {
  @for $size from 10 through 64 {
    @if $size%2==0 {
      .fs-#{$size} {
        font-size: #{$size/19.2}vw;
      }
    }
  }
}

@media (max-width: 992px) {
  @for $size from 10 through 64 {
    @if $size%2==0 {
      .fs-#{$size} {
        font-size: #{$size/2}px;
      }
    }
  }
}

@media (min-width: 992px) {
  @for $size from 10 through 64 {
    @if $size%2==0 {
      .lh-#{$size} {
        line-height: #{$size/19.2}vw;
      }
    }
  }
}

@media (max-width: 992px) {
  @for $size from 10 through 64 {
    @if $size%2==0 {
      .lh-#{$size} {
        line-height: #{$size}px;
      }
    }
  }
}

.cl-666 {
  color: #666666;
}

.cl-theme {
  color: $theme-color;
}

.cl-active {
  color: $active-color;
}

.cl-title {
  color: $title-color;
}

.cl-sub-title {
  color: $sub-title-color;
}

.cl-text {
  color: $text-color;
}

.cl-info {
  color: $info-color;
}

.cl-reduce {
  color: $reduce-color;
}

.cl-price {
  color: $price-color;
}

.cl-price-green {
  color: $price-color-green;
}

.cl-charge {
  color: $charge-color;
}

.cl-content {
  color: $content-color;
}

.cl-white {
  color: #ffffff;
}

.cl-delete {
  color: #ea5629;
}

.cl-black {
  color: #000000;
}

.cl-blue {
  color: #007AFF;
}

.cl-balance {
  color: $balance-color;
}

.cl-border {
  color: $border-color;
}

.cl-error {
  color: $error-color
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.line-through {
  text-decoration: line-through;
}

.text-underline {
  text-decoration: underline;
}

.title-font {
  font-family: AgencyFB-Reg, serif;
}
